<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <!--<head metal:use-macro="macro/design.xhtml/head"/>-->
    <head metal:use-macro="macro/design.xhtml/head"/>
    <body>
        <div id="container">
            <div metal:use-macro="macro/design.xhtml/top" id='header'>
                <a href="http://iaeste.no"><img class="logo" src="xhtml/design/img/logo_iaeste.gif"/></a>
            </div>
            <div id="main">
                <div id="content">
                    <legend>3. Languages</legend>
                    <div id="error">
                         <ul>
                            <li><strong>Invalid firstname:</strong> We want more than 3 letters!</li>
                            <li><strong>Invalid lastname:</strong> We want more than 3 letters!</li>
                            <li><strong>Invalid birthdate:</strong> We want a valid date!!</li>
                            <li><strong>Invalid sex:</strong> You have to choose male/female!</li>
                            <li><strong>Invalid marital status:</strong> You have to choose marital status!</li>
                        </ul>
                    </div>
                    <div id="error" class="valid">
                        <ul>
                            <li><strong>Congratulations!</strong> All personal fields are OK!</li>
                        </ul>
                    </div>
                    <form name="step3" id="customForm" action="" method="post">
                        <div>
                            <label for="language1">Language 1</label>
                            <select name="language1">
                                <option tal:repeat="lan language" tal:content="lan" tal:attributes="lan">None</option>
                            </select>
                            <label for="skill1">Skill</label>
                            <select name="skill1">
                                <option tal:repeat="ls languageskill" tal:content="ls" tal:attributes="value ls">Don't know</option>
                            </select>
                        </div>
                        <div>
                            <label for="language2">Language 2</label>
                            <select name="language2">
                                <option tal:repeat="lan language" tal:content="lan" tal:attributes="lan">None</option>
                            </select>
                            <label for="skill2">Skill</label>
                            <select name="skill2">
                                <option tal:repeat="ls languageskill" tal:content="ls" tal:attributes="value ls">Don't know</option>
                            </select>
                        </div>
                        <div>
                            <label for="language3">Language 3</label>
                            <select name="language3">
                                <option tal:repeat="lan language" tal:content="lan" tal:attributes="lan">None</option>
                            </select>
                            <label for="skill3">Skill</label>
                            <select name="skill3">
                                <option tal:repeat="ls languageskill" tal:content="ls" tal:attributes="value ls">Don't know</option>
                            </select>
                        </div>
                        <div>
                            <label for="language4">Language 4</label>
                            <select name="language4">
                                <option tal:repeat="lan language" tal:content="lan" tal:attributes="lan">None</option>
                            </select>
                            <label for="skill4">Skill</label>
                            <select name="skill4">
                                <option tal:repeat="ls languageskill" tal:content="ls" tal:attributes="value ls">Don't know</option>
                            </select>
                        </div>
                        <div>
                            <label for="language5">Language 5</label>
                            <select name="language5">
                                <option tal:repeat="lan language" tal:content="lan" tal:attributes="lan">None</option>
                            </select>
                            <label for="skill5">Skill</label>
                            <select name="skill5">
                                <option tal:repeat="ls languageskill" tal:content="ls" tal:attributes="value ls">Don't know</option>
                            </select>
                        </div>
                        <div>
                            <input id="send" type="submit" class="button" name="pre" value="<< Previous"/>
                            <input id="send" type="submit" class="button" name="next" value="Continue >>"/>
                        </div>
                    </form>
                </div>
            </div>
            <div metal:use-macro="macro/design.xhtml/bottom" id='footer'/>
        </div>
    </body>
</html>